<template>
  <Header></Header>
	
	<!-- 社会责任 -->
	<div class="blog-single ">
	    <div class="container">
	        
	        <div class="related-blog" style="">
	            <div class="wrap-title">
	                <h5></h5>
	            </div>
				<div style="margin-top:50px;"></div>
	            <div class="row" v-for="(item,index) in dataList" :key="index" style="border-bottom: 1px solid #ddd;padding-bottom: 10px;">
	                <div class="col s4">
	                    <div class="content-image">
							<router-link :to="`/businessDetails?id=${item.id}`">
						
								<img :src="item.imgUrl"/>
							</router-link>
	                        
	                    </div>
	                </div>
	                <div class="col s8">
	                    <div class="content-text">
							<router-link :to="`/businessDetails?id=${item.id}`">
								<h5 style="font-weight: bold;">{{item.title}}</h5>
							</router-link>
	                        <p style="font-size: 12px;">{{item.content}}</p>
	                    </div>
	                </div>
	            </div>
	            
	        </div>
	        
	    </div>
	</div>
	
	
  <Footer></Footer>
</template>


<script setup>
	import api from "@/api/index"
	let dataList=ref([])
	const router = useRouter();
	onMounted(() => {
		var id=toRaw(router.currentRoute.value.query.id)
	      getList(id)
	});
	onBeforeMount(()=>{
		
	});
	const getList=(id)=>{
		var url='?id='+id
		api.getChildAndParentById(url).then(res => {
			dataList.value=res.data.data[0].list
			
		})
		
	}
	
</script>

<style>
	
	
</style>